.n_maptree_area {position: relative;margin: -15px 0 30px 0;padding: 0;}
.n_maptree_area:before {content: '';position: absolute;top: 30px;bottom: 0;width: 4px;background: #ddd;left: 31px;margin: 0;border-radius: 2px;}


.n_maptree_area>.n_maptree_wrap,.n_clearfix {overflow:hidden;_zoom:1;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item{position: relative; padding-top: 15px; height: auto!important; min-height: 45px; height: 45px; padding-left: 86px;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>span {font-weight: 600;padding: 5px;display: inline-block;background-color: #fff;border-radius: 4px; font-family: "Microsoft YaHei"; width: 66px; text-align: center; overflow: hidden; position: absolute; left: 0px; top: 15px; cursor: pointer; color: #fff !important;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item {-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);box-shadow: 0 1px 1px rgba(0,0,0,0.1);border-radius:0 3px 3px 3px; margin-top: 0; background: #fff;color: #444;padding: 0;position: relative; float: left; width: 100%;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.timeline-header {margin: 0;color: #555;border-bottom: 1px solid #f4f4f4;padding: 10px;font-size: 16px;line-height: 1.1;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.time {color: #999;float: right;padding: 10px;font-size: 12px;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.timeline-body,.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.timeline-footer {padding: 10px;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.arrow-left {width: 0px;height: 0px;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 10px solid #FFF;font-size: 0px;line-height: 0px; position: absolute; left: -10px; top: 0px;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.fa, .n_maptree_area>.n_maptree_wrap>.n_maptree_item>.glyphicon, .n_maptree_area>.n_maptree_wrap>.n_maptree_item>.ion {width: 30px;height: 30px;font-size: 15px;line-height: 30px;position: absolute;color: #666;background: #d2d6de;border-radius: 50%;text-align: center;left: 18px;top: 15px; color: #fff !important;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>i:hover {animation:circle .3s ease-in-out 1; cursor: pointer;}
@keyframes circle {
	from {
	transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.n_on_off {color: #999;float: right;padding:5px 10px;font-size: 18px;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item>.timeline-item>.n_on_off>i { margin-left: 4px; cursor: pointer;}

.n_maptree_area>.n_maptree_wrap>.n_maptree_item_s { padding-left: 66px;}
.n_maptree_area>.n_maptree_wrap>.n_maptree_item_s>.timeline-item { display: none;}


.n_fixed_area {box-shadow: 0 1px 1px rgba(0,0,0,0.1);border-radius:3px;background: #fff;padding: 5px; margin-bottom: 15px;}
.n_fixednav {position: fixed; top: 0px;left:245px; right: 15px; z-index: 100;}



